<link href="assets/global/plugins/zTree/css/metroStyle/metroStyle.css" rel="stylesheet" type="text/css"/>
<div class="row">
    <div class="col-md-12">
        <div class="todo-sidebar">
            <div class="portlet light ">
                <div class="portlet-title">
                    <div class="caption">
                        <span class="caption-subject font-green-sharp bold uppercase">菜单管理 </span>
                    </div>
                    <div class="actions">
                        <a href="javascript:;" class="btn btn-circle btn-outline purple "> 刷新 </a>
                    </div>
                </div>
                <div class="portlet-body" style="height: auto;">
                    <ul class="ztree" id="functionTree"></ul>
                </div>
            </div>
        </div>
        <div class="todo-content">
            <div class="portlet light ">
                <!-- PROJECT HEAD -->
                <div class="portlet-title">
                    <div class="caption">
                    <i class="icon-bar-chart font-green-sharp hide"></i>
                    <span class="caption-helper" id="functionName"></span>
                    </div>
                </div>
                <!-- end PROJECT HEAD -->
                <div class="portlet-body form">
                    <form action="#" class="form-horizontal" id="functionInfoForm">
                        <div class="form-body">
                            <div class="form-group form-md-line-input">
                                <label class="col-md-2 col-sm-2 control-label">资源名称
                                </label>
                                <div class="col-md-10 col-sm-10">
                                    <input type="text" disabled class="form-control" name="funName" placeholder="">
                                    <div class="form-control-focus"> </div>
                                </div>
                            </div>
                            <div class="form-group form-md-line-input">
                                <label class="col-md-2 col-sm-2 control-label" >资源编码
                                </label>
                                <div class="col-md-10 col-sm-10">
                                    <input type="text" disabled class="form-control" name="funCode" placeholder="">
                                    <div class="form-control-focus"> </div>
                                </div>
                            </div>
                            <div class="form-group form-md-line-input">
                                <label class="col-md-2 col-sm-2 control-label" >资源类型
                                </label>
                                <div class="col-md-10 col-sm-10">
                                    <input type="text" disabled class="form-control" name="type" placeholder="">
                                    <div class="form-control-focus"> </div>
                                </div>
                            </div>
                            <div class="form-group form-md-line-input">
                                <label class="col-md-2 col-sm-2 control-label" >资源地址
                                </label>
                                <div class="col-md-10 col-sm-10">
                                    <input type="text" disabled class="form-control" name="url" placeholder="">
                                    <div class="form-control-focus"> </div>
                                </div>
                            </div>
                            <div class="form-group form-md-line-input">
                                <label class="col-md-2 col-sm-2 control-label" >资源图标
                                </label>
                                <div class="col-md-10 col-sm-10">
                                    <input type="text" disabled class="form-control" name="icon" placeholder="">
                                    <div class="form-control-focus"> </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
    <!-- END PAGE CONTENT-->
</div>
<script type="text/javascript" src="assets/global/plugins/zTree/js/jquery.ztree.all.js"></script>
<script type="text/javascript" src="assets/system/function/function.js"></script>
<script>
    jQuery(document).ready(function() {
       QiYuFunction.initFunctionMain();
    });
</script>